<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>欢迎来到二十四节气的世界</title>
		<style>
			body {
				background: url(img/1的背景图.jpg) no-repeat center center;
				background-size: cover;
				/* 让背景图基于容器大小伸缩 */
				background-attachment: fixed;
				/* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 此条属性必须设置否则可能无效*/
				background-color:azure;
				/* 设置背景颜色，背景图加载过程中会显示背景色 */
			}

			div.dialog-bz {
				width: 550px;
				height: 300px;
				margin: auto;
				margin-top: 200px;
				background-color: white;
				padding: 50px 50px 30px;
				box-shadow: 10px 10px 15px black;
				text-align: center;

			}

			.music {
				float: right;
				padding-bottom: 600px;
			}

			.dialog-bz-btn {
				text-decoration: none;
				font-size: larger;
				color: #1f4e5f;
			}

			h2 {
				font-family: Courier New;
			}

			#start {
				width: 40px;
				height: 40px;
			}

			a:hover {
				background-color: #f4f7f7;
				padding: 10px;
			}
		</style>
	</head>
	<body>
		<div class="dialog-bz">
			<h2>二十四节气歌</h2>
			<h2>春雨惊春清谷天，
夏满芒夏暑相连。
<br />
秋处露秋寒霜降，
冬雪雪冬小大寒。<br>
			每月两节不变更，
最多相差一两天。
<br />
上半年来六廿一，
下半年是八廿三。</h2><br>
			<a href="new_file.html" class="dialog-bz-btn"><b>立即探索</b></a>
		</div>

	    <embed src="img/徐梦圆 - CHINA-韵.mp3"></embed>

		
	</body>
</html>